<template>
	<view class="u-m-t-18">
		<view class="u-m-t-18 bg-white">
			<uni-list :border="false">
			  <!-- <uni-list-item link rightText="查看更多" @click="$emit('couponClick')" v-if="type != 'seckill'">
					<view class="flex" slot="header">
						<text class="u-font-24 u-p-r-20">领劵</text>
						<text class="u-font-24 text-greey">领取优惠劵</text>
					</view>
				</uni-list-item> -->
				<uni-list-item>
					<view class="flex" slot="header">
						<text class="u-font-24 u-p-r-20 text-greey">服务</text>
						<text class="u-font-24 " style="color:#333;">{{service}}</text>
					</view>
				</uni-list-item>
				<uni-list-item v-if="canBuyNum">
					<view class="flex" slot="header">
						<text class="u-font-24 u-p-r-20 text-greey">说明</text>
						<text class="u-font-24 " style="color:#333;">每个用户最多购买{{canBuyNum}}件</text>
					</view>
				</uni-list-item>
			</uni-list>
		</view>
		
		<!-- 规格 -->
		<view class="u-m-t-18 bg-white" @click="skuClick" v-if="type != 'seckill'">
			<uni-list :border="false">
			  <uni-list-item link>
					<view class="flex" slot="header">
						<text class="u-font-24 u-p-r-20 text-greey">规格</text>
						<text class="u-font-24 " style="color:#333;">商品规格，颜色</text>
					</view>
				</uni-list-item>
			</uni-list>
		</view>
	
	</view>
	
</template>

<script>
	export default {
		name: 'goods-detail-base-info',
		props: {
			type: {
				type: String,
				default: ''
			},
			service: {
				type: String,
				default: ''
			},
			canBuyNum: {
				type: [String,Number],
				default: 0
			}
		},
		data() {
			return {
				cellTitleStyle: {color: '#222', fontSize: '24rpx'},
			}
		},
		methods: {
			skuClick() {
				this.$emit('showSpecPopupClick')
			}
		}
	}
</script>

<style lang="scss" scoped>
	/* #ifndef APP-NVUE */
	::v-deep .u-cell {
		padding: 6rpx 0 !important ;
	}
	::v-deep .u-cell_title{
		font-size: 24rpx;
	}
	/* #endif */

.tag {
	padding: 5rpx 10rpx;
	font-size: 26rpx;
	color: #fff;
	border-radius: 10rpx;
	background-color: $u-main-bg-color;
}
</style>
